<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="David Rodr&iacute;guez Condezo">
    <meta name="author" content="David Rodr&iacute;guez Condezo">	
	
	 <title>David Rodr&iacute;guez Condezo</title>
	 
	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.css">
	<link rel="stylesheet" href="temas/clasico.css">
	
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/jquery.mobile-1.3.0.js"></script>	
	
</head>
<body>

<div data-role="page" id="pagina" data-theme="a">
    <div data-role="header">
		Cabecera
    </div>
    <div data-role="content">		
				
		<p>Si desea mas informaci&oacute;n... <a href="#popup1" data-rel="popup" data-role="button" class="ui-icon-alt" data-inline="true" data-transition="pop" data-icon="info" data-iconpos="notext">Seleccione para ver detalles</a></p>
		<div data-role="popup" id="popup1" class="ui-content" style="max-width:350px;">
			<p>M&aacute;s informaci&oacute;n.</p>
		</div>
		
		<br/>
		
		<a href="#popupImagen1" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="img/machupicchu.jpg" style="width:30%"></a>
		
		<div data-role="popup" id="popupImagen1" data-corners="false">
			<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Cerrar</a><img class="popphoto" src="img/machupicchu.jpg" style="max-height:512px;">
		</div>
		
    </div>
    <div data-role="footer">
		Pie
    </div>
</div>

</body>
</html>